<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li><a href="#">健全关键核心技术攻关新型举国体制</a></li>
        <li><a href="#">中国经济迈上现代化新征程</a></li>
        <li><a href="#">泸定地震已致82人遇难热</a></li>
        <li><a href="#">媒体评老人被踹下车：司机的责任呢</a></li>
        <li><a href="#">救灾特警得知父亲妹妹遇难后泪崩热</a></li>
        <li><a href="#">女子上岗半小时摔骨折获十万补偿</a></li>
    </ul>
    <script>

        // 1.0 伪数组的解构赋值
        // let arr = document.querySelectorAll('li');
        // console.log(Array.isArray(arr));
        // let [, , curLi] = arr;
        // console.log(curLi);

        // 2.0 其他对象的解构
        // let { querySelectorAll: getAll } = document;
        // console.log(getAll);
        // 解构出来的函数不能单独使用，内部的关系已经乱了
        // console.log(getAll('li'));

        // 3. 在函数上解构
        var arr = [3, 4, 5, 78];
        function fn([n1, n2, n3, n4]) {
            console.log(n1, n2, n3, n4);
        }
        // fn(arr);
        var obj = { color: 'red', width: 200 };
        function fun({ color: c, width, size = 120 }) {
            console.log(c, width, size);
        }
        fun(obj);

    </script>
</body>

</html>